<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 
<img src="${initParam.root}/img/service_top.gif">
     <script src="http://code.jquery.com/jquery-latest.js"></script>
     <script type="text/javascript">
   
     $(document).ready(function(){
    	 var flag=false;
    	if('${sessionScope.mvo }' ==null){
  					location.href="wedding.do?command=home";
  		}
  
    	 $("#requestBtn").click(function(){
    		  var gender="";
    		 if($("#idInput").val()==""){
    			 alert("아이디를 입력해주세요.");
    			 return;
    		 }else if($(":radio[name=serviceCloseDate]:checked").length==0){
     			alert("기간을 선택해주세요!");
 				return;
 			}else if($("#rePassword").val() == ""){
 				alert("게시판 전용 비밀번호를 입력해주세요~");
				return;
 			}/* else if("${sessionScope.mvo.gender}" == gender){
 				alert("동성은 허용되지 않습니다. 합법인 곳으로 가세요^^");
 				return;
 			} */else if(flag == false){
 				alert("잘못된 방식입니다.");
 				return;
 			}else{
 				$("#serviceRequest").submit();
 			}
     	 });//requestBtn
     	 $("#idExist").click(function(){
     		 var id = $("#idInput").val();
     		var info="";
     		 	$.ajax({
     		 		type:"POST",
     		 		url:"optional.do",
    				data:"command=duplicationServiceId&id="+id,
    				dataType:"json",
    				success:function(data){
    					if(data.flag == true){
    						info="이미 서비스를 신청 중인 아이디입니다. 다시 입력해주세요.";
    						$("#idResult").html(info);
    					}else{
    						$.ajax({
        						type:"POST",
        						url:"optional.do",
        						data:"command=idExist&id="+id,
        						dataType:"json",
        						success:function(data2){
        							//alert(data2.idExistMvo.gender);
        							gender=data2.idExistMvo.gender;
        	    					if(data2.idExistMvo.id == "${sessionScope.mvo.id}"){
        	    							info="자신의 아이디는 추가할 수 없습니다.";
        	    					}else if(data2.idExistMvo.gender == "${sessionScope.mvo.gender}"){
        	    							info="동성은 추가할 수 없습니다.";	
        	    					}else {
        	    							flag=true;
        	    							info="아이디 "+data2.idExistMvo.id+"를 사용하시는 분은 "+data2.idExistMvo.address+"에 사시는 "+data2.idExistMvo.name+"님 입니다.";	
        	    						}
        	    					$("#idResult").html(info);
        						}
        					});
    					}
    				}
     		 	});
     	 });
     });//document
</script>
<br>
<br>

<body>
<form method="post" action="optional.do" id="serviceRequest" name="serviceRequest">
<input type="hidden" name="command" value="optionalServiceRequest">
<c:choose>
<c:when test="${sessionScope.mvo.gender == 'man'}">
<input type="hidden" name="requestM" value="1">
<input type="hidden" name="mId" value="${sessionScope.mvo.id}">
</c:when>
<c:otherwise>
<input type="hidden" name="requestW" value="1">
<input type="hidden" name="wId" value="${sessionScope.mvo.id}">
</c:otherwise>
</c:choose>


<table border="2" style="border-style:dashed; border-color: #D5D5D5; width: 800px" align="center">
	<tr>
		<td align="center" height="80" colspan="2"><font style="color: #5D5D5D" size="2"><b>${sessionScope.mvo.name}님은 저희 사이트에서 지원하는 부가서비스를 신청하려고 하십니다.<br>
이 서비스는 예비신랑신부 및, 부부이신 분들의 추억을 보관하는 곳입니다.<br>
그러한 이유로 함께 서비스를 받으실 반려분의 아이디를 입력해주세요</b></font><br></td>
	</tr>
	<tr>
		<td align="center" colspan="2" height="50">
			<c:choose>
			<c:when test="${sessionScope.mvo.gender == 'man'}">
			<font style="color: #5D5D5D" size="2"><b>여성분의 아이디 : <input type="text" id="idInput" name="wId"></b></font>
			</c:when>
			<c:otherwise>
			<font style="color: #5D5D5D" size="2"><b>남성분의 아이디 :<input type="text" id="idInput" name="mId"></b></font>
			</c:otherwise>
			</c:choose>
			<input type="button" id="idExist" value="아이디 유무 확인"><br>
			<font style="color: #6B66FF" size="2"><b><span id="idResult"></span></b></font><br>
			<br>
		</td>
	</tr>
	<tr>
		<td width="400" align="center"><font style="color: #5D5D5D" size="2"><b>서비스 신청 기간</b></font></td>
		<td align="center"><input type="radio" name="serviceCloseDate" value="3"><font style="color: #5D5D5D" size="2"><b> 3개월</b></font><br>
			<input type="radio" name="serviceCloseDate" value="6"><font style="color: #5D5D5D" size="2"><b> 6개월</b></font><br>
			<input type="radio" name="serviceCloseDate" value="12"><font style="color: #5D5D5D" size="2"><b> 12개월</b></font><br>
			<input type="radio" name="serviceCloseDate" value="24"><font style="color: #5D5D5D" size="2"><b> 24개월</b></font><br></td>
	</tr>
	<tr>
		<td colspan="2" align="center" height="50"><font style="color: #5D5D5D" size="2"><b>바쁘신 하객 및 친가 분들이 축의금 및 선물받기 페이지에 접근하기 위한 비밀번호를 입력해주세요.<br>
		외부인 접근을 위한 비밀번호 입력 : <input type="password" id="rePassword" name="rePassword"></b></font><br>
		</td>
	</tr>
	
	
</table>
<br>

<table align="center">
	<tr>
		<td><img src="${initParam.root}/img/service_btn.gif" id="requestBtn"></td>
	</tr>
</table>





</form>
</body>
